<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
</head>
<body>

   
    <!--头部-->
    <span id="header"></span>

    <div class="auth-main clearfix">
        <!--侧边导航-->
        <span id="nav"></span>

        <!--内容区域-->
        <div  class="main main-width-mid">
        	
        	<div class="x-ibox-title x-nav">
        		<i class="iconfont icon-shouye m-r-sm"></i><a href="">产品管理</a><i class="iconfont icon-fanhuihuise m-r-sm m-l-sm"></i><span>
        			新增产品
        		</span>
        	</div>
        	
            <div class="ibox-title">
                <h5 style="color:#C2343A">产品信息</h5>
            </div>
            <div class="ibox-content">
                <div class="form-horizontal" style="position:relative">
                    <div class="form-group">
                        <label class="col-xs-2 control-label">品牌:</label>
                        <div class="col-xs-10">
                            <select class="form-control col-input">
                                <option value="1">海尔</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-xs-2 control-label">型号:</label>
                        <div class="col-xs-10 form-inline">
                            <input type="text" class="form-control m-r-sm" placeholder="请输入型号" style="width:280px;">
                            	<p class="form-control-static">下载Excel导入模板</p>
                        </div>
                    </div>
                    <div class="form-group" >
                    	<label class="col-xs-2 control-label"></label>
                        <div class="col-xs-10" style="font-size:12px; color: #666;">没有所需品牌或型号？<a id="addProduct" style="color: #C2343A" href="javascript:;">点此申请新增</a></div>
                    </div>
                    
                     
                <img src="../common/imgs/goods.jpg" alt=""  style="position:absolute;right:20px;top:5px;width:80px;height: 80px;border:1px solid #E7E7E7"/>
             
                </div>
              
            
            </div>


            <div class="ibox-title">
                <h5 style="color:#C2343A">销售信息</h5>
                <button type="button" class="btn btn-sm btn-danger btn-outline pull-right">增加一条</button>
            </div>
            <div class="ibox-content">
               	<table class="table table-bordered u-table-center" >
               		<tr>
               			<thead>
	               			<tr>
	               				<td>库存</td>
	               				<td>单价</td>
	               				<td>所在地</td>
	               			</tr>
               			</thead>
               			
               			<tbody>
               				
               				<tr>
               					<td>
               						<input type="text"  class="form-control" placeholder='请输入库存'/>
               					</td>
               					
               					<td class='form-inline'>
               						
               						<input type="text"  class="form-control" placeholder="最低"/>-
               						<input	type="text"  class="form-control" placeholder="最高" />
               						
               					</td>
               			
               					<td class="form-inline">
               						<select class="form-control">
               								<option>省</option>
               						</select>
               						<select class="form-control">
               								<option>市</option>
               						</select>
               						
               						
               					</td>
               				</tr>
               				
               				
               					<tr >
               					<td>
               						<input type="text"  class="form-control" placeholder='请输入库存'/>
               					</td>
               					
               					<td class='form-inline'>
               						
               						<input type="text"  class="form-control" placeholder="最低"/>-
               						<input	type="text"  class="form-control" placeholder="最高" />
               						
               					</td>
               			
               					<td class="form-inline" style="position: relative;">
               						<select class="form-control">
               								<option>省</option>
               						</select>
               						<select class="form-control">
               								<option>市</option>
               						</select>
               						
               						<i class="iconfont icon-shanchu" style="position:absolute;right:10px;bottom:15px;"></i>
               					
               					</td>
               					<i class="iconfont icon-shanchu"></i>
               				</tr>
               				
               				
               				
               					<tr>
               					<td>
               						<input type="text"  class="form-control" placeholder='请输入库存'/>
               					</td>
               					
               					<td class='form-inline'>
               						
               						<input type="text"  class="form-control" placeholder="最低"/>-
               						<input	type="text"  class="form-control" placeholder="最高" />
               						
               					</td>
               			
               					<td class="form-inline" style="position: relative;">
               						<select class="form-control">
               								<option>省</option>
               						</select>
               						<select class="form-control">
               								<option>市</option>
               						</select>
               						<i class="iconfont icon-shanchu" style="position:absolute;right:10px;bottom:15px;"></i>
               					
               					</td>
               					
               				</tr>
               				
               				
               				
               			</tbody>
               		</tr>
               		
               	</table>
            
            </div>

            <div class="m-t-md">
                <button type="button" class="btn btn-danger" style="width: 120px; height: 34px; margin-right: 10px">确认</button>
                <button type="button" class="btn btn-danger btn-outline" style="width: 120px; height: 34px;">返回</button>
            </div>
        </div>
    </div>

    <!--页尾-->
    <span id="footer"></span>
  </body></html>
<script src="../common/js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="../common/js/nav.js" ></script>

<script type="text/javascript">
    $.get('../common/html/head.html', function (data) {
        $('head').html(data)
    });

    $.get('../common/html/header.html', function (data) {
        $('#header').html(data)
    });



    $.get('../common/html/footer.html', function (data) {
        $('#footer').html(data)
    });
</script>
<script src="../common/js/layer/layer.js"></script>
<script src="../common/js/common.js"></script>
<script>
    // 新增产品信息弹窗
    $('#addProduct').click(function () {
        kirin.popup.open({
            type: 1,
            title: '添加反馈',
            width: 950,
            height: 520,
            maxmin: false,
            content: '11111'
        });
    })
</script>